// color
@colors: {
  primary: #db9e3f;
  info: #4b67af;
  danger: #791a15;
  blue-1: #1f3695;
  blue: #4394e4;
  white: #fff;
  white-1: #fcfcfc;
  white-2: #eceef0;
  light: #f9f9f9;
  light-1: #d4d9de;
  grey: #999;
  grey-1: #666;
  dark-1: #343440;
  dark: #222;
  black: #000;
  new_news: #1e96ab;
  new_notice: #f09a37;
  new_activity: #ff3636;
  new_match: #4d9cff;
  difficult: #805300;
  skill: #1f3695;
  attack: #791a16;
  survive: #33332c;
  tip: #7a7a80;
}

// text-align
@textAlign: left, center, right;

// font-size
@base-font-size: 1rem;
@font-sizes: {
  8: .615385;
  10: 0.7692;
  12: 0.9231;
  13: 1;
  14: 1.0769;
  16: 1.2308;
}

// flex
@flex-jc: {
  start: flex-start;
  end: flex-end;
  center: center;
  between: space-between;
  around: space-around;
}
@flex-ai: {
  start: flex-start;
  end: flex-end;
  center: center;
  stretch: stretch;
}

// margin padding
@spacing-type: {
  m: margin;
  p: padding;
};
@spacing-direction: {
  t: top;
  r: right;
  b: bottom;
  l: left;
};
@spacing-base-size: 1rem;
.spacing-sizes() {
  0: 0;
  1: 0.25;
  2: 0.5;
  3: 1;
  4: 1.5;
  5: 3;
}